<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html lang="en" class="m js cssanimations">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
<title>商品分类页面</title>
<link href="${ctxStatic }/site/themes/default/css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="${ctxStatic }/site/themes/default/css/css.css" rel="stylesheet" type="text/css">
<script src="${ctxStatic}/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctxStatic}/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script src="${ctxStatic}/site/themes/default/js/hideOptionMenu.js" type="text/javascript"></script>

<script type="text/javascript">

function showCategory(cid,obj){
	$(".cate").hide();
	$("#c_"+cid).show();
	
	$(".cate2").removeClass("icon_sanjiao");
	$(obj).children().addClass("icon_sanjiao");
}

</script>

<style type="text/css">
.center{
	display:-moz-box;
	display:-webkit-box;
	-moz-box-pack: center;
	-webkit-box-pack:center;	
	-webkit-box-align:center;
	-moz-box-align:center;
	width:100%;
	height:75%;	
}
</style>

</head>
<body>
<div class="am-page" id="demo-list-page">
  <header class="demo-header widget-hd" onclick="history.back(-1)">
  	<span class="icon_left" id="btn-back"></span>
    <h1>${category.name }</h1>
  </header>
    <div class="clear fenleiBg toRight-deg ">
    <c:forEach items="${productCategorieList }"   var="category"   varStatus="var" >
      <p onclick="showCategory(${category.id},this)"  ><i class="${var.index eq 0?'icon_sanjiao':'' } cate2"></i>${category.name }</p>
    </c:forEach>
    </div>
     <c:forEach items="${productCategorieList }"   var="category2" varStatus="var"   >
	    <div  id="c_${category2.id }"   class="cate"     style="width:70%; float:left;height:100%;position:fixed; padding-top:10px; overflow-y:auto;left:30%;${var.index eq 0?'display:block;':'display:none;' }">
	      <%-- <p><img src="${ctxUser }/project/${category2.icon }" height="90px" ></p> --%>
	       <c:forEach items="${fns:getProductCategory(category2.id)}"   var="category3" >
			    <dl class=" fenleiDl"  onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${category3.id }?uid=${project.user.id }&wechatId=${wechatId }'"  style="line-height: 6%;" >
			        <dt style="float:left; width:20%;"><img src="${ctxUser }/project/${category3.icon }" width="60px" height="35px;"> </dt>
			        <dt style="float:left; width:65%; padding-left:5%">
			          <p class="font18" style="margin-top: 5px;">${category3.name }</p>
			        </dt>
			      </dl>
	      	</c:forEach>
	      	
	      	
	      	<c:if test="${empty  fns:getProductCategory(category2.id)}">
	      	  <div class="center">
				<img src="${ctxStatic }/site/themes/default/images/aaa.png" width="100%">
				<br><br>商品已经售完，<a href="${ctxFront }/site/${project.id}?uid=${uid }&wechatId=${wechatId}">去逛逛</a>
			  </div>
	      	</c:if>
<!-- <div class="jszch">技术支持：<a href="http://www.hdzhx.com/boxin/index.html" >智讯互联</a></div> -->
	    </div>
      </c:forEach>      
</div>
</body>
</html>
